<!DOCTYPE HTML>
<html>
<head>
<title>Mustache Samples</title>
<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-721308-1']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>
</head>

<body>

<h1>Mustache.js Samples</h1>

<ul>
	<li><a href="javascript:sample1()">Sample 1: Basic sample</a></li>
	<li><a href="javascript:sample2()">Sample 2: Basic Sample using Ajax Data</a></li>
	<li><a href="javascript:sample3()">Sample 3: Externalized Template</a></li>
	<li><a href="javascript:sample4()">Sample 4: Enumerable Section</a></li>
	<li><a href="javascript:sample5()">Sample 5: Enumerable Section with Objects</a></li>
	<li><a href="javascript:sample6()">Sample 6: Nested Object</a></li>
	<li><a href="javascript:sample7()">Sample 7: Dereferencing</a></li>
	<li><a href="javascript:sample8()">Sample 8: Function</a></li>
	<li><a href="javascript:sample9()">Sample 9: Condition</a></li>
	<li><a href="javascript:sample10()">Sample 10: Partials</a></li>
	<li><a href="javascript:sample11()">Sample 11: Partials in Enumerable Section</a></li>
</ul>

<div id="sampleArea"></div>

<script src="js/jquery-1.7.1.min.js"></script>
<script src="js/mustache.js"></script>   
<script src="js/main.js"></script>   

<script id="personTpl" type="text/template">
<h1>{{firstName}} {{lastName}}</h1>
<p>Blog URL: <a href="{{blogURL}}">{{blogURL}}</a></p>
</script>

</body>
</html>